<template>
  <div class="banner-outer">
    <a
      href="javascript:;"
      target="_blank">
      <img
        v-lazyload="props.banner!.imgUrl"
        alt="" />
    </a>
  </div>
</template>

<script setup lang="ts">
const props = defineProps({
  banner: Object
})
</script>

<style lang="less" scoped>
.banner-outer {
  height: 120px;
  margin: 22px 0;
  overflow: hidden;
  img {
    width: 1226px;
    aspect-ratio: auto 1226 / 120;
    height: 120px;
  }
}
</style>
